import { getToken, removeToken, setToken } from '@/utils/auth.js'
import { getUserInfo, login } from '@/api/user.js'
import { constantRoutes, resetRouter } from '@/router'

// 状态属性
const state = {
  // 声明token状态数据
  token: getToken() || '',
  // 声明用户信息
  userInfo: {},
  // 声明路由信息 - constantRoutes: 静态路由信息
  routes: constantRoutes
}
// 修改状态属性
const mutations = {
  // 设置token的方法
  setToken(state, token) {
    state.token = token
    setToken(token)
  },
  // 清除token
  removeToken(state) {
    state.token = ''
    removeToken()
  },
  // 设置用户信息
  setUserInfo(state, userInfo) {
    state.userInfo = userInfo
  },
  // 设置路由信息
  setRoutes(state, newRoutes) {
    // 新路由信息包括静态路由和动态路由
    state.routes = [...constantRoutes, ...newRoutes]
  }
}
// 处理异步操作
const actions = {
  // 登录 - 获取token
  async login(context, formData) {
    // 调用登录接口
    const token = await login(formData)
    context.commit('setToken', token)
  },

  // 获取用户信息
  async getUserInfo(context) {
    const res = await getUserInfo()
    context.commit('setUserInfo', res)
    return res // 返回数据
  },

  // 退出登录
  logout(context) {
    // 清空token
    context.commit('removeToken')
    // 清空用户信息
    context.commit('setUserInfo', {})
    // 重置路由信息
    resetRouter()
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
